<template>
  <div class="bg_white">
      <div class="title clearfloat">
          <h2 class="fl">热门标签</h2>
          <div class="bule fr">查看全部</div>
      </div>
      <ul class="clearfloat">
          <li>前端</li>
          <li>后端</li>
          <li>大数据</li>
          <li>数据分析</li>
          <li>Andrio</li>
          <li>ios</li>
          <li>python</li>
      </ul>
  </div>
</template>
<script>
export default {

}
</script>
<style scoped lang="scss">
  .bg_white{
      padding:16px;
      h2{
          font-size:16px;
          font-weight: normal;
      }
      .title{
          border-bottom:1px solid rgb(236, 236, 236);
          padding-bottom:10px;
          .bule{
              font-size:14px;
          }
      }
      ul{
          margin-top:10px;
          li{
              float:left;
              padding:6px 22px;
              font-size:13px;
              margin:8px;
              color:rgb(112, 112, 112);
              border-radius: 30px;
              background: #f3f6f3;
          }
      }
  }  
</style>

